<template>
	<div class="index">
		<div class="header">
			<el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect" active-text-color="rgba(0,0,0,0)" background-color="rgba(0,0,0,0)" default-active="red">
				<div class="cashlogo">
					<div>趣收银</div>
				</div>
				<div class="navbtn">
					<li>{{username}}</li>
					<li>
						<a href="https://h5.qudaox.com/pages/business/blogin/blogin.html" style="color: white;text-decoration:none;font-size:14px ;" target="_blank">商铺后台</a>
					</li>
					<li v-on:click="clearcookicefun()">登出</li>
					<li>
						<el-dropdown>
							<span class="el-dropdown-link" style="font-size: 14px;color: white;display: inline-block;height: 100%;">
	        						更多<i class="el-icon-arrow-down el-icon--right"></i>
	      						</span>
							<el-dropdown-menu slot="dropdown">
								<li class="nav_lis">开单</li>
								<li class="nav_lis" v-on:click="findorder(1)">查单</li>
							</el-dropdown-menu>
						</el-dropdown>
					</li>
				</div>
			</el-menu>
		</div>
		<div class="cont">
			<el-col :span="2">
				<div class="left_nav">
					<div class="left_nav_list" style="overflow: hidden;">
						<div style="opacity:1;text-align: center; padding: 15px;color: white; font-size: 16px;">挂单</div>
						<div class="goodsli" v-for="(data,index) in gaudanlists" :class="{active:index == num}">
							<span style="float: right;margin-right: 10px;font-size: 16px;"class="sci" v-on:click="scifun(index)"><i class="el-icon-close"></i></span>
							<div style="float: left;margin-left: 3px;" v-on:click="gdjsfun(data.length,index)">
								<span style="line-height: 28px;" >{{data.length}}项</span></br>
								<span style="line-height: 28px;" >{{data[0].create_time}}</span>
							</div>
							
						</div>
					</div>
				</div>
			</el-col>
			<el-col :span="10">
				<div class="grid-content bg-purple">
					<div class="setorder">
						<div class="setorderbtn" v-on:click="setorderfun(1)" v-show="setbtnbool">创建订单</div>
					</div>
					<div class="orderlist" v-show="orderbool">
						<div class="invoice">
							<div class="content" id="content">
								<div class="order_title">
									<span>销售单</span>
									<div class="order_title_time">
										<span style="float: left;margin-left:;">客户：18888</span>
										<span style="float: right;">{{now_date}}</span>
									</div>
									<div class="order_table" style="margin-top: 10px;">
										<el-table :data="tableData3" height="356" type="index" border highlight-current-row @current-change="handleCurrentChange" style="width: 620px;">
											<el-table-column label="项" width="35" type="index">
											</el-table-column>
											<el-table-column prop="goods_name" width="369" label="名称及规格">
											</el-table-column>
											<el-table-column prop="dawei" label="单位" width="60">
											</el-table-column>
											<el-table-column prop="goods_number" label="数量" width="60">
											</el-table-column>
											<el-table-column prop="shop_price" label="价格(￥)" width="75">
											</el-table-column>
										</el-table>
									</div>
								</div>
								<div class="zsg_list">
									<!--减少-->
									<div class="zsg_btn" v-on:click="minusnumber">
										<i class="el-icon-remove-outline jian"></i>
									</div>
									<!--增加-->
									<div class="zsg_btn" v-on:click="addnumber">
										<i class="el-icon-circle-plus-outline jia"></i>
									</div>
									<!--删除-->
									<div class="zsg_btn" v-on:click="deleteRow">
										<i class="el-icon-circle-close-outline chu"></i>
									</div>
									<div class="price_nubmer">
										<div class="hj_nubmer">
											<span>合计:</span>
											<span style="color: red;font-size: 25px;">{{totanumber}}</span>
											<span>{{danwei}}</span>
										</div>
										<div class="hj_price">
											<span>￥{{totalprice}}</span>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="btnslist">
							<div class="od_btn_clear od_btn" v-on:click="setorderfun(2)">删除</div>
							<div class="od_btn_gu od_btn" v-on:click="restingorder(0)">挂单</div>
							<div class="od_btn_vip od_btn" @click="dialogFormVisible = true">会员</div>
							<div class="od_btn_cash od_btn" v-on:click="paymoneyfun()">结算</div>
						</div>
					</div>
				</div>
			</el-col>
			<el-col :span="10">
				<div class="grid-content bg-purple-light">
					<div class="find_order_title">
						<span>查找</span>
					</div>
					<div style="padding: 10px;overflow: hidden;">
						<input type="" name="" id="find_q" value="" v-model="input5" placeholder="请输入商品编码/编号" change="sunitgoods()" @keydown="sunitgoods($event)" />
						<span class="find_q" v-on:click="sunitgoods"><i class="el-icon-search"></i></span>
					</div>
					<div class="goodslist">
						<div class="goodsli" v-for="(data,index) in goodslist" v-on:click="pushgoods(index)">
							<img :src='data.goods_thumb' alt="" />
							<div class="goods_info">
								<span style="display: inline-block;height: 40px;line-height: 20px;overflow: hidden;">{{data.goods_name}}</span><br/>
								<span>￥{{data.shop_price}}</span>
							</div>
						</div>
					</div>
					<div class="fenyebtn">
						<div class="upye">上一页</div>
						<div class="btoomye">下一页</div>
					</div>
				</div>
			</el-col>
			<el-col :span="2">
				<div class="grid-content bg-purple">
					<div class="shop_class">
						<li class="activeli" v-for="(data,index) in classlist" v-on:click="goodslists(data.id)">{{data.cat_name}}</li>
					</div>
				</div>
			</el-col>
			<!--会员弹框-->
			<el-dialog title="店铺会员" :visible.sync="dialogFormVisible" width="460px">
				<div class="demo-input-suffix">
					会员号：
					<el-input placeholder="请输入内容" v-model="vipsn">
						<template slot="append">搜索</template>
					</el-input>
				</div>
				<div class="vip_froms">
					<ul>
						<li>会员卡号:18888</li>
						<li>会员编码:001</li>
						<li>手机号:18558</li>
						<li>生日:2017-01-01</li>
						<li>性别:女</li>
						<li>开卡日期:2016-10-02</li>
						<li>积分:555</li>
						<li>余额:￥998.00</li>
					</ul>
				</div>
				<div slot="footer" class="dialog-footer">
					<el-button type="success" @click="add_vip(1)">新增会员</el-button>
					<el-button @click="dialogFormVisible = false">取 消</el-button>
					<el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
				</div>
			</el-dialog>
			<!--新增会员-->
			<el-dialog title="新增会员" :visible.sync="addvip_bool" width="520px">
				<div class="vip_froms">
					<el-form ref="form" :model="form" label-width="80px">
						<el-form-item label="手机号:">
							<el-input v-model="form.vip_phone"></el-input>
						</el-form-item>
						<el-form-item label="会员号:">
							<el-input v-model="form.vip_number"></el-input>
						</el-form-item>
						<el-form-item label="级别:">
							<el-select v-model="form.vip_lv" placeholder="请选择活动区域">
								<el-option label="青铜会员" value="shanghai"></el-option>
								<el-option label="白银会员" value="beijing"></el-option>
							</el-select>
						</el-form-item>
						<el-form-item label="生日:">
							<el-col :span="11">
								<el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>
							</el-col>
						</el-form-item>
						<el-form-item label="性别:">
							<el-radio-group v-model="form.resource">
								<el-radio label="男"></el-radio>
								<el-radio label="女"></el-radio>
							</el-radio-group>
						</el-form-item>
						<el-form-item label="日期:">
							<span v-model="form.desc">2018-01-01</span>
						</el-form-item>
						<el-form-item label="积分:">
							<span v-model="form.vip_point">0</span>
						</el-form-item>
						<el-form-item label="余额:">
							<span v-model="form.vip_pirce">0</span>
						</el-form-item>
						<el-form-item>
							<el-button type="primary" @click="onSubmit">立即创建</el-button>
						</el-form-item>
						<el-form-item>
							<el-button>取消</el-button>
						</el-form-item>
					</el-form>
				</div>
			</el-dialog>
		</div>
	</div>
</template>
<script>
	export default {

		data() {
			return {
				gaudanlists: [], // 挂单列表
				shop_name: '', //
				admin_uin: '', //收银员uin
				now_date: '', //当前时间
				guadanarr: [], //保存挂单信息数组
				totalarr: [], // 保存总价的数组
				totalprice: '', //总价
				danwei: '', // 单位
				tableData3: [], // table 数组
				caozuoarr: '', //操作单个商品变量
				orderidarr: [], //储存  订单里的 id
				totanumber: '', //一共几项
				setbtnbool: true,
				orderbool: false,
				username: '',
				input5: '',
				select: '',
				activeIndex: '1',
				currentRow: '',
				dialogFormVisible: false, //会员弹出框
				vipsn: '',
				addvip_bool: false, //新增会员弹出框
				radio: '1', //男女判断
				activeIndex2: '1',
				form: {
					name: '',
					region: '',
					date1: '',
					date2: '',
					delivery: false,
					type: [],
					resource: '',
					desc: ''
				},
				classlist: '', //分类列表
				goodslist: '', //商品列表
				shop_id: '',
				uin: '',
				q: '', //关键字
				payorder: [], // 支付订单
				num:-1,
				token: ''
			};
		},
		mounted() {
			this.onload();
			this.tableData3 = [];
			this.gdlistfun(); //挂单列表
		},
		methods: {
			getNowFormatDate() {
				var now = new Date();
				var year = now.getFullYear(); //年  
				var month = now.getMonth() + 1; //月  
				var day = now.getDate(); //日  
				var hh = now.getHours(); //时  
				var mm = now.getMinutes(); //分  
				var ss = now.getSeconds(); //秒  
				var clock = year + "-";
				if(month < 10)
					clock += "0";
				clock += month + "-";
				if(day < 10)
					clock += "0";
				clock += day + " ";
				if(hh < 10)
					clock += "0";
				clock += hh + ":";
				if(mm < 10) clock += '0';
				clock += mm + ":";
				if(ss < 10) clock += '0';
				clock += ss;
				this.now_date = clock;
			},
			//结算
			paymoneyfun: function() {
				this.payorder = [];
				var strd;
				if(this.tableData3.length == 0) {
					this.open3("无商品无法支付");
				} else {
					var p = {
						admin_uin: this.uin,
						uin: "0",
						shipping_type: 2,
						prom_type: "0",
						shop_id: this.shop_id,
						shop_name: this.shop_name,
						goods: this.tableData3, //订单内容    对象
						order_type: 1 // 订单类型 0线上购物 1线下收银(2018.03.08添加)
					};
					var qs = JSON.stringify(p);
					var aut = this.uin + "#" + this.token;
					this.$http.post('/test/public/index.php/cash/create_order.qdy', {
						"data": qs
					}, {
						headers: {
							'Authorizations': aut
						},
						emulateJSON: true
					}).then(function(data) {
						this.setCookie("order_sn", data.data.data.order_sn, 8760);
						if(this.num > -1){
							this.scifun(this.num);
						}
						this.$router.push({
							path: '/pages/paymoney'
						})
					})
				}
			},
			//			创建会员
			onSubmit() {
				console.log('submit!');
			},
			//点击选中
			handleCurrentChange(val) {
				this.currentRow = val;
				console.log(this.currentRow);
			},
			//退出登录
			clearcookicefun() {
				this.clearCookie("uin");
				this.clearCookie("token");
				this.clearCookie("guadanarr");
				this.clearCookie("order_sn");
				this.clearCookie("shop_id");
				this.clearCookie("shop_name");
				this.clearCookie("username");
				this.$router.push({
					path: '/pages/login'
				})
			},
			//移除
			deleteRow() {

				if(this.currentRow == null || this.currentRow.id == 'undefined' || this.currentRow == "null") {
					this.open3('请选择物品项！');
				} else {
					for(var i = 0; i < this.tableData3.length; i++) {
						if(this.currentRow.id === this.tableData3[i].id) {
							this.tableData3.splice(i, 1);
							this.orderidarr.splice(i, 1);
							this.totanumber = this.orderidarr.length;
							this.currentRow = '';
						} else {

						}

					}
					this.count();
				}
			},
			//减
			minusnumber() {
				if(this.currentRow == "null" || this.currentRow == null || this.currentRow.id == 'undefined') {
					this.open3('请选择物品项！');
				} else {
					if(this.currentRow.goods_number > 1) {
						var gnumber = this.currentRow.goods_number;
						gnumber--;
						this.currentRow.goods_number = gnumber;
						for(let i = 0, len = this.tableData3.length; i < len; i++) {
							if(this.tableData3[i].id === this.currentRow.id) {
								this.tableData3.splice(i, 1, this.currentRow);
							}
						}
						this.count();
					} else {

					}

				}

			},
			//加
			addnumber() {
				if(this.currentRow == "null" || this.currentRow == null || this.currentRow.id == 'undefined') {
					this.open3('请选择物品项！');
				} else {
					if(this.currentRow.goods_number >= 1) {
						var gnumber = this.currentRow.goods_number;
						gnumber++;
						this.currentRow.goods_number = gnumber;
						for(let i = 0, len = this.tableData3.length; i < len; i++) {
							if(this.tableData3[i].id === this.currentRow.id) {
								this.tableData3.splice(i, 1, this.currentRow);
							}
						}
						this.count();
					} else {

					}
				}

			},
			//导航
			handleSelect(key, keyPath) {
				console.log(key, keyPath);
			},
			//算合计 算金钱总额
			count: function() {
				this.totalarr = [];
				//数组求和
				function sum(arr) {
					var s = 0;
					for(var i = arr.length - 1; i >= 0; i--) {
						s += arr[i];
					}
					return s;
				}
				//乘法
				function accMul(arg1, arg2) {
					var m = 0,
						s1 = arg1.toString(),
						s2 = arg2.toString();
					try {
						m += s1.split(".")[1].length
					} catch(e) {}
					try {
						m += s2.split(".")[1].length
					} catch(e) {}
					return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(10, m)
				}
				for(var i = 0; i < this.tableData3.length; i++) {
					this.totalarr.push(accMul(this.tableData3[i].goods_number, this.tableData3[i].shop_price));
				}
				this.totalprice = sum(this.totalarr);
			},
			//查单
			findorder: function(type) {
				console.log(type);
				//type == 0 商品加入挂单列表  type == 1 查看挂单列表
				//将订单json 存入 挂单列表
				if(type == 0) {

				} else {
					this.$router.push({
						path: '/pages/orderlist'
					})
				}
			},
			//挂单
			restingorder: function(type) {
				this.guadanarr = [];
				//type == 0 商品加入挂单列表  type == 1 查看挂单列表

				//将订单json 存入 挂单列表
				if(type == 0) {
					var str, obj;
					if(sessionStorage.obj == undefined) {
						this.guadanarr.push(this.tableData3);
					} else {
						//读取 
						str = sessionStorage.obj;
						obj = JSON.parse(str);
						if(obj.length >= 5){
							this.open3('挂单超过上线!');
						}else{
							console.log(obj);
							this.guadanarr.push(this.tableData3);
						}
						for(var i = 0; i < obj.length; i++) {
							this.guadanarr.push(obj[i]);
						}
					}
					str = JSON.stringify(this.guadanarr);
					sessionStorage.obj = str;
					//挂单信息储存一小时
					this.tableData3 = []; // table 数组
					this.caozuoarr = ''; //操作单个商品变量
					this.orderidarr = []; //储存  订单里的 id
					this.totalprice = ''; //总价
					this.danwei = ''; // 单位
					this.totanumber = ''; //总数
					this.orderbool = false;
					this.setbtnbool = true;
				} else {
					//					this.$router.push({
					//						path: '/pages/restingorder'
					//					})
				}
				this.gdlistfun();
			},
			//获取挂单列表
			gdlistfun: function() {
				var str = sessionStorage.obj;
				this.gaudanlists = JSON.parse(str);
				console.log(this.gaudanlists);
			},
			//删除挂单
			scifun: function(index) {
				console.log(index);
//				表示销售单是从挂单列表获取过来的
				var str = sessionStorage.obj;
				this.gaudanlists = JSON.parse(str);
				this.gaudanlists.splice(index, 1);
				str = JSON.stringify(this.gaudanlists);
				sessionStorage.obj = str;
				this.tableData3 = [];
				this.orderidarr = [];
				this.orderbool = false;
				this.setbtnbool = true;
				this.num = -1;
			},
			//挂单结算
			gdjsfun: function(totanumber, index) {
				this.orderidarr = []; // 清空判断的arr
				//				如果没有创建订单列表  
				this.orderbool = true;
				this.setbtnbool = false;
				this.tableData3 = this.gaudanlists[index];
				//点击挂单active效果
				this.num = index;
				
				this.count(); // 算钱
				this.totanumber = totanumber; //总项数
				for(var i = 0; i < this.tableData3.length; i++) {
					this.orderidarr.push(this.tableData3[i].goods_id); // 用于判断的id 数组
				}
				console.log(this.tableData3);
			},
			//新增会员
			add_vip: function(type) {
				if(type == 1) {
					this.dialogFormVisible = false;
					this.addvip_bool = true;
				} else {

				}
			},
			//删除该订单
			setorderfun: function(type) {
				if(type == 1) {
					this.orderbool = true;
					this.setbtnbool = false;
					this.getNowFormatDate();
				} else {
					//清除数组
					
					this.tableData3 = []; // table 数组
					this.caozuoarr = ''; //操作单个商品变量
					this.orderidarr = []; //储存  订单里的 id
					this.totalprice = ''; //总价
					this.danwei = ''; // 单位
					this.totanumber = ''; //总数
					this.orderbool = false;
					this.setbtnbool = true;
				}
			},
			onload: function() {
				this.username = this.getCookie("username");
				this.shop_name = this.getCookie("shop_name");
				this.getclasslist();
			},
			// 获取分类
			getclasslist: function() {
				this.uin = this.getCookie("uin"); //uin
				this.token = this.getCookie("token"); //tokens
				this.shop_id = this.getCookie("shop_id"); //shop_id
				var aut = this.uin + "#" + this.token;
				//获取全部颜色列表
				this.$http.get('/test/public/index.php/admin/shop_goods_cat_list.qdy?type=all&shop_id=' + this.shop_id + '', {
					headers: {
						'Authorizations': aut
					},
					emulateJSON: true
				}).then(function(data) {
					console.log(data);
					this.classlist = data.data.data;
				})

			},
			//搜索
			sunitgoods: function() {
				this.uin = this.getCookie("uin"); //uin
				this.token = this.getCookie("token"); //tokens
				this.shop_id = this.getCookie("shop_id"); //shop_id
				var aut = this.uin + "#" + this.token;
				//获取全部颜色列表
				this.$http.get('/test/public/index.php/cash/find_goods_by_sn.qdy?shop_id=' + this.shop_id + '&q=' + this.input5 + '', {
					headers: {
						'Authorizations': aut
					},
					emulateJSON: true
				}).then(function(data) {
					this.goodslist = data.data.data.list;
				})

			},
			//push good到arr
			pushgoods: function(index) {
				//js判断数组中是否包含某个元素
				function isInArray(arr, value) {
					for(var i = 0; i < arr.length; i++) {
						if(value === arr[i]) {
							return true;
						}
					}
					return false;
				}
				this.orderbool = true;
				this.setbtnbool = false;
				this.caozuoarr = this.goodslist[index];
				console.log(this.goodslist);
				this.caozuoarr["goods_id"] = this.caozuoarr["id"];
			
				if(isInArray(this.orderidarr, this.goodslist[index].id)) {
					//替换数组对象
						console.log("111");
					for(let i = 0, len = this.tableData3.length; i < len; i++) {
						if(this.tableData3[i].id === this.caozuoarr.id) {
							var gnumber = this.tableData3[i].goods_number;
							gnumber++;
							this.caozuoarr.goods_number = gnumber;
							this.tableData3.splice(i, 1, this.caozuoarr);
						}
					}
				} else {
					this.orderidarr.push(this.goodslist[index].id);
					this.caozuoarr["goods_number"] = 1;
					this.tableData3.push(this.caozuoarr);
					this.totanumber = this.orderidarr.length;
				}
				this.getNowFormatDate();
				this.count();
			},
			//根据分类获取商品
			goodslists: function(id) {
				this.uin = this.getCookie("uin"); //uin
				this.token = this.getCookie("token"); //tokens
				this.shop_id = this.getCookie("shop_id"); //shop_id
				var aut = this.uin + "#" + this.token;
				//获取全部颜色列表
				this.$http.get('/test/public/index.php/admin/goods_list.qdy?shop_id=' + this.shop_id + '&shop_cat_id=' + id + '', {
					headers: {
						'Authorizations': aut
					},
					emulateJSON: true
				}).then(function(data) {
					this.goodslist = data.data.data.list;
				})

			},
			open3: function(txt) {
				this.$notify({
					title: txt,
					duration: 2000,
					message: txt,
					type: 'warning'
				});
			},
			setCookie: function(c_name, c_pwd, exdays) {
				var exdate = new Date(); //获取时间
				exdate.setTime(exdate.getTime() + 60 * 60 * 1000 * exdays); //小时
				//字符串拼接cookie
				//				window.document.cookie = "uin" + "=" + c_pwd + ";path=/;expires=" + exdate.toGMTString();
				//				window.document.cookie = c_name + "=" + c_pwd + "; " + exdate.toGMTString();
				document.cookie = c_name + ("=" + (c_pwd) + ";expires=" + exdate.toGMTString() + ";path=/;");
			},
			//清除cookie
			clearCookie: function(name) {
				this.setCookie(name, "", -1); //修改2值都为空，天数为负1天就好了
			},
			//读取cookie
			getCookie: function(cname) {
				var name = cname + "=";
				var ca = document.cookie.split(';');
				for(var i = 0; i < ca.length; i++) {
					var c = ca[i];
					while(c.charAt(0) == ' ') c = c.substring(1);
					if(c.indexOf(name) != -1) return c.substring(name.length, c.length);
				}
				return "";
			}
		}
	}
</script>
<style>
	.orderlist {
		position: relative;
		top: 0px;
		left: -500px;
		overflow: hidden;
		animation: orderlist 0.5s forwards;
	}
	
	@keyframes orderlist {
		from {
			left: -500px;
		}
		to {
			left: 0px;
		}
	}
	
	.setorderbtn {
		width: 80%;
		height: 50px;
		-webkit-box-shadow: inset 0 0 20px white;
		-moz-box-shadow: inset 0 0 20px white;
		box-shadow: inset 0 0 20px white;
		margin-left: 10%;
		color: white;
		font-size: 14px;
		text-align: center;
		line-height: 50px;
		margin-top: 15px;
		cursor: pointer;
	}
	
	.setorderbtn:hover {
		-webkit-box-shadow: inset 0 0 10px white;
		-moz-box-shadow: inset 0 0 10px white;
		box-shadow: inset 0 0 10px white;
	}
	
	.header>ul {
		border: none;
	}
	
	.setorder>.el-button--success {
		height: 50px;
		width: 80%;
		margin-top: 15px;
	}
	
	.fenyebtn {
		overflow: hidden;
		width: 100%;
		padding-top: 30px;
	}
	
	.goodslist {
		height: 380px;
		overflow: hidden;
	}
	
	.goodslist>.goodsli {
		float: left;
		margin: 5px 1%;
		width: 18%;
		height: 180px;
		background-color: #F2F2F2;
		border-radius: 5px;
		position: relative;
		background-color: white;
	}
	
	.el-input-group--append,
	.el-input__inner {
		height: 60px;
	}
	
	.el-select .el-input {
		width: 130px;
	}
	
	.input-with-select .el-input-group__prepend {
		background-color: #fff;
	}
	
	.cont {
		overflow: hidden;
	}
	/*.is-active:hover {
		background-color: #067CF8;
	}*/
	
	.el-menu-vertical-demo:not(.el-menu--collapse) {
		width: 200px;
		position: fixed;
		top: 0px;
		height: 100%;
		z-index: 10;
	}
	
	.el-menu-item span,
	.el-menu-item i {
		color: white;
	}
	
	.cashlogo {
		font-size: 40px;
		color: white;
		text-align: center;
		float: left;
		margin-left: 50px;
		margin-right: 50px;
		line-height: 80px;
	}
	
	.navbtn {
		float: right;
		margin-right: 50px;
		overflow: hidden;
	}
	
	.navbtn>li {
		float: left;
		width: 120px;
		height: 80px;
		line-height: 80px;
		color: white;
		font-size: 14px;
	}
	
	.navbtn>li:hover {
		/*font-size: 18px;*/
		background-color: rgba(0, 0, 0, 0);
	}
	
	.el-submenu__title {
		height: 80px;
		line-height: 80px;
		padding: 0 30px;
	}
	
	.el-submenu__title i {
		color: white;
	}
	
	.el-menu-item {
		padding: 0 30px;
	}
	
	.el-menu>li {
		width: 100%;
		text-align: center;
		height: 45px;
		line-height: 45px;
	}
	
	.fenyebtn>div {
		float: left;
		margin-left: 15px;
		margin-right: 35px;
		width: 100px;
		color: white;
		padding: 15px 35px;
		background-color: rgb(255, 255, 255, 0);
		-webkit-box-shadow: inset 0 0 20px white;
		-moz-box-shadow: inset 0 0 20px white;
		box-shadow: inset 0 0 20px white;
		cursor: pointer;
	}
	
	.fenyebtn>div:hover {
		-webkit-box-shadow: inset 0 0 10px white;
		-moz-box-shadow: inset 0 0 10px white;
		box-shadow: inset 0 0 10px white;
	}
</style>